<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>One Year Anniversary</title>
  

  <link rel="stylesheet" href="css/reset.css">
 	<link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

 	<!--  加载fullpage.js -->
  <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
</head> 

<body>
<div id="fullpage">
	
	<div  class="section active"">
		<iframe src="loveletter/index.html" height="100%" width="100%"></iframe>
		
	</div>

	<!--第一个section-->
	<div class="section">
		
	
		<div class="text">
			
			<h1>Hi面哒 ! 这是小朋友整理的相册集</h1>
			<p>里面是面哒和小朋友这一年的点点滴滴</p>
			<p style="padding: 1em 1em; width: 200px; margin: 0 auto;">
				<img class="picture" src = 'photo/图标.png'>
			</p>
		</div>
		
	</div>
	
	
  <!--第二个section-->
	<div class="section">
		
	
		<div class="text" style="padding-top:1em">	
			<h1>First Date</h1>
			 <div class="slide">
				<h1>我们第一次约会的地方</h1>
			 	<p>海心桥</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/7307adfe27e1fbc5.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>可爱的小美女</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/f5a7d2e357d7e6b0.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 500px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/f08748f094948c8d.jpg'>
				</p>
			 </div>
			 
		</div>
		
	</div>

	<!--第三个section-->
	<div class="section">
		
	
		<div class="text" style="padding-top:1em">	
			<h1>Cat Cat</h1>
			 <div class="slide">
				<h1>第一次去猫咖</h1>
			 	<p>面哒抱着小猫的样子心都要化了</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/23/76aa1beba77948f7.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>两只小可爱</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/80d38e9fa001e72f.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>还有沐扬妹妹三只小可爱</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/23/624766f206382bf0.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>猫猫公主</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/2969b8b5301849ac.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>慵懒的大橘嘻嘻</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/23/28ca5f5cace5eff3.jpg'>
				</p>
			 </div>
			 
		</div>
		
	</div>
	
	
	<!--第四个section-->
	<div class="section">
		
	
		<div class="text" style="padding-top:1em">	
			<h1>First Date</h1>
			 <div class="slide">
				<h1>中秋节一起去长洲岛</h1>
			 	<p>和喜欢的人一起看又大又圆的月亮好幸福</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/09/23/e13dd30a35d52836.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>可爱的小美女</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/09/23/e13dd30a35d52836.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/2969b8b5301849ac.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>和喜欢的人一起看又大又圆的月亮好幸福</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/09/22/4cde6150de3c5009.jpg'>
				</p>
			 </div>
			 
		</div>
		
	</div>
	
		
	
	
	<!--第五个section-->
	<div class="section">
		<div class="text" style="padding-top:1em">	
			<h1>First Date</h1>
			 <div class="slide">
				<h1>国庆和面哒一起住的民宿</h1>
			 	<p>我们的梦幻小屋</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/8bfa69e79766a016.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>可爱的小美女</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/80d38e9fa001e72f.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/2969b8b5301849ac.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/748ad8a6f999ddc1.jpg'>
				</p>
			 </div>
			 
		</div>
	</div>	
	
	<!--第五个section-->
	<div class="section">
		<div class="text" style="padding-top:1em">	
			<h1>First Date</h1>
			 <div class="slide">
				<h1>一起溜去高教村居民楼的楼顶拍照</h1>
			 	<p>2022的最后一个月尽管有好多事情发生，但小朋友好幸运有面哒在身边</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/63955de9464dccbe.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>可爱的小美女</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/80d38e9fa001e72f.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/2969b8b5301849ac.jpg'>
				</p>
			 </div>
			 <div class="slide">
				<p>第一次合影嘿嘿</p>
				<p style="padding: 1em; width: 300px; margin: 0 auto;">
					<img class="picture" src = 'https://s3.bmp.ovh/imgs/2022/12/22/748ad8a6f999ddc1.jpg'>
				</p>
			 </div>
			 
		</div>
	</div>	
	
	<!--第六个section-->
	<div class="section">
		<iframe src="lovetree/lovetree.html" height="100%" width="100%"></iframe>
	</div>

	
	
	  
		
 </div>  
	
	
	<!-- 这是v1.11.0的jquery -->
  <script src='js/jquery.js'></script>
  <script type="text/javascript" src="js/jquery.fullPage.js"></script>
	<script src="js/jquery.lazylinepainter-1.7.0.min.js"></script>
  <script type="text/javascript" src="js/svg.js"></script>  
  <script type="text/javascript" src="js/index.js"></script>
  <!-- This following line is optional. Only necessary if you use the option css3:false and you want to use other easing effects rather than "linear", "swing" or "easeInOutCubic". -->
	<!--  <script src="vendors/jquery.easings.min.js"></script>-->
	<!-- This following line is only necessary in the case of using the plugin option `scrollOverflow:true` -->
	<!-- <script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>-->
	 




</body>

</html>